/* 
Custom CSS for Alquilook
by Museographia Espacios Expositivos
*/

/* 
    Colores:
    #e51e50 blooming magenta (Version más saturada: #e72e45)
	#ef501e  coral sands
*/


/*  Textos  */

@import url(http://fonts.googleapis.com/css?family=Roboto+Slab:300);
@import url(http://fonts.googleapis.com/css?family=Lato:300,400);

h1{
	font-family: 'Lato', "Trebuchet MS", Arial, Helvetica, sans-serif !important;
	font-size:3em;
	font-weight: 300; 
	}

h2{
	font-family:  'Lato', "Trebuchet MS", Arial, Helvetica, sans-serif !important;
	font-size:1.7em;	
	font-weight: 300; 
	line-height: 25px;
	}
	
h3{
	font-family: 'Roboto Slab',"Trebuchet MS", Arial, Helvetica, sans-serif !important;
	font-size:1.7em;
	}
	
h4{
	font-family: 'Roboto Slab',"Trebuchet MS", Arial, Helvetica, sans-serif !important;
	font-size:1.3em;
	}
	
h5{
	font-family: 'Lato', "Trebuchet MS", Arial, Helvetica, sans-serif !important;
	font-size:1.2em;
	font-weight: 400;
	}		

h6{
	font-family: 'Lato', "Trebuchet MS", Arial, Helvetica, sans-serif !important;
	font-size:1em;
	font-weight: 400;
	}	

h2.banner{
	color:#FFFFFF;
	font-family:  'Lato', "Trebuchet MS", Arial, Helvetica, sans-serif !important;
	font-size:2em;	
	font-weight: 300;
	padding:10px 0 0 0;
	}

h3.banner{
	color:#FFFFFF;
	font-family: 'Roboto Slab',"Trebuchet MS", Arial, Helvetica, sans-serif !important;
	font-size:23px;
	}
	
h5.banner{
	color:#FFFFFF;
	font-family:  'Lato', "Trebuchet MS", Arial, Helvetica, sans-serif !important;
	font-size:18px;
	font-weight: 400;
	}


.footer{
	color:#FFF;
	font-size:0.95em;
	line-height:25px;
	font-family: 'Lato', "Trebuchet MS", Arial, Helvetica, sans-serif !important; 
	font-weight: 400;
	}	
	

.videoh1{
	font-family: 'Roboto Slab',"Trebuchet MS", Arial, Helvetica, sans-serif !important;
	font-size:5em;
	line-height:45px;
	text-transform:none;
	color:#e72e45;
}

.videoh2{
	font-family: 'Roboto Slab',"Trebuchet MS", Arial, Helvetica, sans-serif !important;
	font-size:2em;
	line-height:30px;
	text-transform:none;
}

.videop{
	font-family: 'Lato', "Trebuchet MS", Arial, Helvetica, sans-serif !important;
	font-size:1.3em;
	line-height:10px;
	text-transform:none;
	font-weight: 400;
	color: #666666;
}


ul li.menu{
	text-transform:uppercase;	
	font-family:  'Lato', "Trebuchet MS", Arial, Helvetica, sans-serif !important; 
	font-size:1.1em;
	font-weight: 400;
	}
	
	
p{
	font-size:16px;
	color: #666666;

}	

.margenok{
	margin:-10px 0 0 0;
}

p.ficha{
	font-family: 'Lato', "Trebuchet MS", Arial, Helvetica, sans-serif !important;
	font-size:1em;
	line-height:14px;
	text-transform:none;
	padding:3px;
	font-weight: 400;
	color: #666666;
}	

p.ficha2{
	font-family: 'Lato', "Trebuchet MS", Arial, Helvetica, sans-serif !important;
	font-size:1em;
	line-height:18px;
	text-transform:none;
	padding: 7px;
	font-weight: 400;
	color: #666666;
}	

.wa{
	margin:-15px 0 0 0;
}	

p.mobiliario{
	line-height:25px;
	color: #666666;
}


.acepto{
	font-size: 14px;
	line-height: 13px;
}


/*  Links  */
a.enlace{
    color:#e72e45; /* blooming magenta */
   	opacity: 1.0;
	filter:alpha(opacity=100);	
	text-decoration: none;
	cursor: pointer;
	
	-webkit-transition: color 0.3s linear 0s;	
	   -moz-transition: color 0.3s linear 0s;
		 -o-transition: color 0.3s linear 0s;
		    transition: color 0.3s linear 0s;
}

a.enlace:hover,
a.enlace:active,
a.enlace:focus{
	color:#e72e45; /* coral sands */
	opacity: 0.8;
	filter:alpha(opacity=80);		
	outline: 0;
	text-decoration:none;

}

a.enlace2{
	color: #000000;
   	opacity: 1.0;
	filter:alpha(opacity=100);	
	text-decoration: none;
	cursor: pointer;
	
	-webkit-transition: color 0.3s linear 0s;	
	   -moz-transition: color 0.3s linear 0s;
		 -o-transition: color 0.3s linear 0s;
		    transition: color 0.3s linear 0s;
}

a.enlace2:hover,
a.enlace2:active,
a.enlace2:focus{
	color: #000000;
	opacity: 0.8;
	filter:alpha(opacity=80);		
	outline: 0;
	text-decoration:none;
	
	 -webkit-transform: scale(1.1); 

}

a.enlace3{
	color: #666666;
   	opacity: 1.0;
	filter:alpha(opacity=100);	
	text-decoration: none;
	cursor: pointer;
	
	-webkit-transition: color 0.3s linear 0s;	
	   -moz-transition: color 0.3s linear 0s;
		 -o-transition: color 0.3s linear 0s;
		    transition: color 0.3s linear 0s;
}

a.enlace3:hover,
a.enlace3:active,
a.enlace3:focus{
	color: #666666;
	opacity: 0.8;
	filter:alpha(opacity=80);		
	outline: 0;
	text-decoration:none;
	
	 -webkit-transform: scale(1.1); 

}


a.enlaceblanco{
	color:#ffffff;
	text-decoration: none;
	cursor: pointer;
	opacity:1;
	
	-webkit-transition: color 0.3s linear 0s;	
	   -moz-transition: color 0.3s linear 0s;
		 -o-transition: color 0.3s linear 0s;
		    transition: color 0.3s linear 0s;
}
	
a.enlaceblanco:hover,
a.enlaceblanco:active,
a.enlaceblanco:focus{
	color:#ffffff;
	outline: 0;
	text-decoration:none;
	opacity:0.80;

}

a.imagenboton,
a.imagenboton2{
	opacity: 1.0;
	filter:alpha(opacity=100);
	-webkit-transition: all .2s ease-in-out;

}

a.imagenboton:hover,
a.imagenboton:active,
a.imagenboton:focus,
a.imagenboton2:hover,
a.imagenboton2:active,
a.imagenboton2:focus{
	opacity: 0.90;
	filter:alpha(opacity=90);
	 -webkit-transform: scale(1.1); 	
}

ul{
	list-style:none;
}

/*  Colores  */
.red { background-color: #e74c3c; color:#FFFFFF;}
.red2 {  background-color: #c0392b; color:#FFFFFF;}
.blue {  background-color: #3498db; color:#FFFFFF;}
.blue2 {  background-color: #2980b9; color:#FFFFFF;}
.green {  background-color: #2ecc71; color:#FFFFFF;}
.green2 {  background-color: #27ae60; color:#FFFFFF;}
.yellow {  background-color: #f1c40f; color:#FFFFFF;}
.yellow2 {  background-color: #f39c12; color:#FFFFFF;}
.orange {  background-color: #e67e22; color:#FFFFFF;}
.orange2 {  background-color: #d35400; color:#FFFFFF;}
.teal {  background-color: #1abc9c; color:#FFFFFF;}
.teal2 {  background-color: #16a085; color:#FFFFFF;}
.purple {  background-color: #9b59b6; color:#FFFFFF;}
.purple2 {  background-color: #8e44ad; color:#FFFFFF;}
.steel-grey {  background-color: #34495e; color:#FFFFFF;}
.steel-grey2 {  background-color: #2c3e50; color:#FFFFFF;}

.negro{
	color:#000000 !important;
}


.magenta{
	color:#e72e45 !important;
}

.magenta-bg{
	background-color: #e72e45;
	color:#FFFFFF;
}

.coral{
	color:#ef501e !important;
}

.coral-bg{
	background-color: #ef501e;
	color:#FFFFFF;
}

.rojo{
	color: #e74c3c;
}

.verde{
	color: #27ae60;
}
.gris{
	color: #999999;
}

/*  Otros  */


body,html{
 height:100%;
}


.mayusculas{
	text-transform: uppercase !important;
	
}


.imagencentro{
	margin-left: auto;
  	margin-right: auto;
  	float: none;
}


.arriba{
	padding:15px 0 0 0;
}
.arriba2{
	padding:75px 0 0 0;
}

.arriba3{
	margin:-5px 0 0 0;
}

.lineaabajo{
	padding:5px 0 0 0;
	border-bottom: #c8c8c8 dashed 1px;

	}
	
	
}

.selector{
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -webkit-padding-end: 10px;
    -moz-padding-end:10px;
    -webkit-padding-start:10px;
    -moz-padding-start: 10px;
    border: 1px #e72e45 solid;
    color: #e72e45;
	
}


.portatil{
   z-index: -1;
   position:relative;
   top:0;
   left:0;
   width:100%;
   height:100%;
}

.video{
   z-index:1;
   position:absolute;
	top:5%;
	left:17%;
   width:66%;
   height:75%;
}

hr.propietario{
	border: 0; 
	height: 1px; 
	border-top: 1px dashed #c8c8c8;  
	width:100%;
	margin:5px 0;
}

hr.inquilino{
	border: 0; 
	height: 1px; 
	border-top: 1px dashed #c8c8c8;  
	width:100%;
	margin:5px 0;
}

hr.grissimple{
	border: 0; 
	height: 1px; 
	border-top: 1px dashed #c8c8c8;  
	width:100%;
	margin:5px 0;
	}
	
hr.grisdoble {
	border: 0; 
	height: 2px; 
	border-top: 1px dashed #c8c8c8; 
	border-bottom: 1px dashed #c8c8c8;
	width:100%;
	margin:10px 0;
	}

hr.formulario {
	color:#c8c8c8;
	background-color:#c8c8c8;
	width:100%;
	margin:10px;
	}


hr{
	color: #FFFFFF;
	background-color: #FFFFFF;
	height:0,5px;
	width: 50%;
}



body {
  padding-top: 100px;
  font-family:'Lato', "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 14px;
}

.logo{
	width: 225px;
}

.login{
	padding:10px;
}

.imagen{
	width: 150px;
}

.imagenbanner3{
	width: 100px;
	float: left !important;
}

.imagenbanner{
	width: 125px;
	float: left !important;
}

.imagenbanner2{
	margin: 0 0 7px 0;
	width: 50px;
	border-radius: 6%;
}


.imagenboton{
	width: 75px;
}

.imagenboton2{
	width: 50px;
}

.imagenboton3{
	width: 40px;
	height: 40px;
}


.fondogris{
	background-color: #f5f5f5;
	padding:15px;
	border-bottom: 15px solid #FFFFFF; 
}

.fondoblanco{
	background-color: #FFFFFF;
	padding:15px;
	border-bottom: 15px solid #f5f5f5; 
}
.tab-pane {
  margin-top: 10px;
  color:#FFFFFF;
}




/* Page Sections */
.section{
  padding: 0 0;
}

.section-colored {
	padding: 5px 0 0 0;
}


.section-pie {
	position:relative;
	width:100%;
  padding: 35px 0;
  bottom:0px;
}  



.item,
.active,
.carousel-inner {
  height: 100%;
}

.fill {
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
}

/* Social Icons Styles */
.list-social-icons {
  margin-bottom: 45px;
}

.tooltip-social a {
  text-decoration: none;
  color: inherit;
}

.facebook-link a:hover {
  color: #3b5998;
}

.linkedin-link a:hover {
  color: #007fb1;
}

.twitter-link a:hover {
  color: #39a9e0;
}

.google-plus-link a:hover {
  color: #d14836;
}

/* Service Page Styles */
.service-icon {
  font-size: 50px;
}

/* 404 Page Styles */
.error-404 {
  font-size: 8em;
}


/*     Móviles     */

@media (max-width: 767px) {


.iconosmovil{
	padding:10px 0;
	
}
	
	
p.ficha{
	text-align:left;
	font-family: 'Lato', "Trebuchet MS", Arial, Helvetica, sans-serif !important;
	font-size:0.8em;
	line-height:14px;
	text-transform:none;
	font-weight: 400;
	color: #666666;
}		

p.ficha2{
	text-align:left;
	font-family: 'Lato', "Trebuchet MS", Arial, Helvetica, sans-serif !important;
	font-size:0.8em;
	line-height:14px;
	text-transform:none;
	padding: 5px;
	font-weight: 400;
	color: #666666;
}	
	
.imagen{
	width: 100px;
}

.imagenbanner3{
	width: 60px;
	float: left !important;
}

.imagenbanner{
	width: 60px;
	float: left !important;
}

.imagenbanner2{
	width: 45px;
}

.imagenboton{
	width: 45px;
}

.imagenboton2{
	width: 45px;
}

.imagenboton3{
	width:30px;
	height: 30px;
}


h2.banner{
	color:#FFFFFF;
	font-family: 'Lato', "Trebuchet MS", Arial, Helvetica, sans-serif !important;
	font-size:20px;	
	font-weight: 400;
	padding:0;
	}
  
h3.banner{
	color:#FFFFFF;
	font-family: 'Roboto Slab',"Trebuchet MS", Arial, Helvetica, sans-serif !important;
	font-size:18px;
	}
	
h5.banner{
	color:#FFFFFF;
	font-family: 'Lato', "Trebuchet MS", Arial, Helvetica, sans-serif !important;
	font-size:14px;
	font-weight: 400;
	}  
  
  
h1{
	font-family:  'Lato', "Trebuchet MS", Arial, Helvetica, sans-serif !important;
	font-size:30px;
	font-weight: 400;	
	}
	
h2{
	font-family:  'Lato', "Trebuchet MS", Arial, Helvetica, sans-serif !important;
	font-size:20px;
	font-weight: 300;	
	}
	
h3{
	font-family: 'Roboto Slab',"Trebuchet MS", Arial, Helvetica, sans-serif !important;
	font-size:18px;
	}
	
h4{
	font-family:  'Roboto Slab',"Trebuchet MS", Arial, Helvetica, sans-serif !important;
	font-size:18px;
	}	
	
h5{
	font-family:'Lato',  "Trebuchet MS", Arial, Helvetica, sans-serif !important;
	font-size:14px;
	font-weight: 400;
	}	
	
h6{
	font-family:'Lato', "Trebuchet MS", Arial, Helvetica, sans-serif !important;
	font-size:14px;
	font-weight: 400;
	}	



}




